$(function() {
    // 分页参数
    let page = {
        // 分页参数：页码
        pagenum: 1,
        // 分页参数：每页显示的条数
        pagesize: 6
    }
    let arr = [
            `<div class="kr_news_date">
        16 <span>08月</span>
    </div>`
        ]
        // 调用函数加载列表
    article()
        // ========================================================
        // 加载列表数据
    function article() {
        $.ajax({
            type: 'GET',
            url: 'http://localhost:8888/api/articles',
            data: page,
            success: function(res) {
                console.log(res);
                if (res.status === 0) {
                    res.data.forEach(item => {
                        // console.log(item);
                        arr.push(`<div class="item">
                        <h4>
                            <a href="./detail.html?id=${item.id}">${item.title}</a>
                        </h4>
                        <p class="meta">
                            <span>15分钟前 分享至</span>
                            <a href="javascript:;" class="wechat"></a>
                            <a href="javascript:;" class="weibo"></a>
                        </p>
                        <p class="brief">${item.content}</p>
                    </div>
                    `)
                    })
                    $('.kr_news_list').html(arr.join(''))
                } else {
                    // res.tatal超出最大值,请求失败,输出
                    return layer.msg('没有更多数据了')
                }

            }
        })
    }
    // =========================================================================
    // 加载更多数据
    $('.kr_more').click(function() {
        page.pagenum += 1
            // 调用函数加载列表
        article()
    })
})